<template>
  <div class="text-yellow-300">demo</div>
  <n-layout>
    <n-layout-header>
      <div class="h-6 w-full bg-red-300">测试1</div>
    </n-layout-header>

    <n-layout has-sider>
      <n-layout-sider content-style="padding: 24px;"><div class="h-6 w-full bg-green-300">cs2</div></n-layout-sider>
      <n-layout-content content-style="padding: 24px;">
        <div class="h-6 w-full bg-blue-300">cs3</div>
      </n-layout-content>
    </n-layout>
  </n-layout>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped></style>
